
@import "~@/assets/styles/frontPage/mixin.scss";
.row{
  margin-right: -20px;
  margin-left: -20px;
}
[class^='col']{
  padding-left: 20px;
  padding-right: 20px;
}
.billmaterials-box{
  background: #FFF;
  box-shadow: 0px 6px 12px 0px rgba(18, 38, 63, 0.03);
  padding: 20px;
  height: calc(100vh - 100px);
}
.userinfo-title{
  margin-bottom: 20px;
}
.card-billmaterials {
  &.is-always-shadow{
    box-shadow:none !important;
  }
  width: 448px;
  .search {
    width: 240px;
  }
  .btn-create {
    width: 64px;
  }
  .select {
    width: 80px;
  }
  ::v-deep .el-card__header{
    padding: 0 !important;
    padding-bottom: 20px !important;
    border: none !important;
  }
  ::v-deep .el-card__body{
    padding: 0 !important;
  }
  &-body {
    height: calc(100vh - 270px);

  }
  &-scroll {
    overflow-y: auto;
    @include scroll;
  }
}
.materialsDetails {
  &.is-always-shadow{
    box-shadow:none !important;
  }
    ::v-deep .el-card__header{
        // padding: 17px 20px !important;
        padding: 0 !important;
        padding-bottom: 20px !important;
        border: 0 !important;
      }
      ::v-deep .el-card__body{
        padding: 0 !important;
      }
    &-body{
      height: calc(100vh - 270px);
    }
  &-title {
    font-weight: bold;
    color: rgba(73, 79, 87, 1);
  }
  &-meta {
    list-style: none;
    margin: 0 -16px;
    &-item {
      display: inline-block;
      padding: 0px 16px;
      line-height: 1.2rem;
    }
    &-item + &-item {
      border-left: 1px solid #ccc;
    }
  }
}
::v-deep .el-tabs__item {
  line-height: inherit;
  font-size: 13px;
  height: 25px;
}
/*  */
.steps{
  margin-bottom: 15px;
  ::v-deep .el-step.is-horizontal .el-step__line{
    background-color:#CED4DA;
    top: 16px;
    height: 1px;
    left: 61%;
    right: -39%;
  }
  ::v-deep .el-step__title.is-success{
    color: #556EE6;
  }
  ::v-deep .el-step__head.is-success {
    color: #556EE6;
    border-color: #556EE6;
  }
  ::v-deep .el-step__head.is-process{
    color: #556EE6;
    border-color: #556EE6;
  }
  ::v-deep .el-step__title{
    font-size: 13px;
  }
  ::v-deep .el-step__title.is-process{
    color: #556EE6;
    font-weight: normal;
    font-size: 13px;
  }
  ::v-deep .el-step__icon{
    width: 32px;
    height: 32px;
  }
  ::v-deep .is-finish{
    .el-step__icon{
      background: #556EE6;
      color: #ffffff;
    }
  }
}